/* 页面内容修复样式 */

/* 确保页面容器正常显示 */
.common-layout {
  position: relative;
  z-index: 10;
  background: var(--color-background);
  color: var(--color-text);
  min-height: 100%;
}

/* Element Plus 容器样式修复 */
.el-container {
  background: transparent !important;
  color: var(--color-text);
  position: relative;
  z-index: 10;
}

.el-header {
  background: var(--color-background-soft) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--border-radius) !important;
  color: var(--color-text) !important;
  z-index: 11;
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0 1rem;
}

.el-main {
  background: var(--color-background) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: var(--border-radius) !important;
  color: var(--color-text) !important;
  z-index: 11;
  position: relative;
  padding: 1rem;
}

/* 确保表格内容可见 */
.el-table {
  background: var(--color-background) !important;
  color: var(--color-text) !important;
  position: relative;
  z-index: 12;
}

.el-table .el-table__header-wrapper {
  background: var(--color-background-soft) !important;
}

.el-table .el-table__body-wrapper {
  background: var(--color-background) !important;
}

.el-table th,
.el-table td {
  background: transparent !important;
  color: var(--color-text) !important;
  border-color: var(--color-border) !important;
}

.el-table tr {
  background: var(--color-background) !important;
}

.el-table tr:hover {
  background: var(--color-background-soft) !important;
}

/* 分页器样式 */
.demo-pagination-block {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 12;
}

.el-pagination {
  color: var(--color-text) !important;
}

/* 按钮容器样式 */
.el-header .el-button {
  position: relative;
  z-index: 13;
  margin-right: 1rem;
}

/* 对话框确保显示 */
.el-dialog {
  z-index: 2000 !important;
  background: var(--color-background) !important;
  color: var(--color-text) !important;
}

.el-dialog .el-dialog__body {
  color: var(--color-text) !important;
}

/* 表单样式 */
.el-form {
  color: var(--color-text) !important;
}

.el-form-item__label {
  color: var(--color-heading) !important;
}

/* 输入框样式 */
.el-input .el-input__wrapper {
  background: var(--color-background) !important;
  color: var(--color-text) !important;
  border-color: var(--color-border) !important;
}

.el-input .el-input__inner {
  color: var(--color-text) !important;
  background: transparent !important;
}

/* 选择器样式 */
.el-select .el-select__wrapper {
  background: var(--color-background) !important;
  color: var(--color-text) !important;
  border-color: var(--color-border) !important;
}

/* 单选框样式 */
.el-radio {
  color: var(--color-text) !important;
}

.el-radio .el-radio__label {
  color: var(--color-text) !important;
}

/* 确保所有文本都可见 */
* {
  color: inherit !important;
}

/* 特殊处理表格单元格 */
.el-table .cell {
  color: var(--color-text) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

